<template>
    <div class="ma-content-block  p-4">
        <div>唧唧咋咋</div>
        <div class='itemBox' style='width:100%;height:500px;'>
            <div class='item' v-for="(item,index) in data" :key='index'>{{item.item}}</div>
        </div>
    </div>
  </template>
  <script setup>
  import { ref, reactive,defineProps } from 'vue'
  const data = ref([])
  for(let i = 0;i<10000;i++){
    data.value.push({item:'item  ' + i})
  }
  </script>
  <style>
  .itemBox{
    content-visibility: auto;
    /* contain-intrinsic-size: 40px;  */
  }
    .item{
        height:40px;
        /* content-visibility: auto;
        contain-intrinsic-size: 40px;  */
    }
</style>
  <script> export default { name: 'prediction:test' } </script>